

<style type="text/css">
  .popover {
    height: 120px;
  }
</style>
<ion-view title="菜单">
  <ion-nav-buttons side="right">
    <button class="button no-animation button-icon icon ion-plus"
            ng-click="popover.show($event)">
    </button>
  </ion-nav-buttons>
  <!--<span ng-if="menuItem.url=='policeGroup' && 0 != unReadChatMessageCount" class="badge badge-assertive">{{unReadChatMessageCount}}</span>-->

  <ion-content overflow-scroll="true" padding="true" class="has-header">
    <ion-list>
      <div ng-repeat="mobileMenuUserGroup in mobileMenuUserTypeList track by $index">
        <ion-item class="item-divider"> {{mobileMenuUserGroup.name}}</ion-item>
        <div ng-repeat="menuItem in mobileMenuUserGroup.mobileMenuItemList track by $index">
          <ion-item ui-sref="{{menuItem.url}}" menu-close="" ng-if="menuItem.isOpen=='1'">
            {{ menuItem.name}}
            <span ng-if="menuItem.url=='notifycation' &&  0 < unReadMessageCount" class="badge badge-assertive">{{unReadMessageCount}}</span>

          </ion-item>
        </div>

      </div>
    </ion-list>
  </ion-content>
  <script id="templates/popover.html" type="text/ng-template">
    <ion-popover-view class="platform-ios" >
      <ion-content>
       <div class="list" style="height: 60px">
          <a class="item" ng-click="goModifyPwd()" >
            密码修改
          </a>
          <a class="item" ng-click="loginOut()">
            退出登录
          </a>
        </div>
      </ion-content>
    </ion-popover-view>
  </script>
</ion-view>
